body{margin: 0px auto;width:100%;font-family:"Microsoft YaHei";}
body,ul,p,li,div,td,input,button,select,textarea,img,span,hr,h1,h2,h3,h4,h5,h6,b{margin:0px 0px;padding:0px 0px;list-style:none; 
box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
h1,h2,h3,h4,h5,h6,b{/*color:#333333;margin:0px 0px;padding:0px 0px; */font-weight:400;}  
/*==全局样式==*/
ul{ list-style: none;}
img{border: 0;}
a{font-size:13px;color:#666666;text-decoration: none}
a:hover{color:#fbaa35}
em{font-style:normal}
.clear{clear:both;}
/*==全局样式 ==*/
.wh{width:100%;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.fl{float:left;}
.fr{float:right;}
.fn{font-weight:normal;}
.oh{overflow:hidden;}
/*==全局样式==*/
.container{ width:1200px; margin:auto;}
.wor{ line-height:24px; color:#666; font-size:13px;}
.bg_white{ background:#fff}


/*==效果0==*/
.slow,.slow a,.slow p,.slow li,.slow td,.slow input,.slow button,.slow select.slow textarea,.slow em,.slow img,.slow span,.slow hr,.slow h1,.slow h2,.slow h3,.slow h4,.slow h5,.slow h6,.slow b{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}

/*==效果1==*/
.effect-one{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect-one .effect-one-img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden}
.effect-oneBox:hover .effect-one-img,.effect-one:hover .effect-one-img
{opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}


/*==内页ban==*/
.banner-within{ position:relative;height:300px;float:left; width:100%; overflow: hidden;}
.banner-within img{display:block;height:300px;width:1920px; position: absolute; margin-left:-960px;left:50%;}

/*==面包屑==*/
.site{ float:left;width:100%;padding:10px 0 10px 0; margin:0 0 10px 0;line-height:35px; background: #efefef; }
.site h3{ float:left;color:#333;font-size:18px;}
.site .frame{color:#777;font-size:13px; line-height:35px;padding-left:20px;background:url(../images/ico01.png) no-repeat left;}
.site a{ display:inline-block;color:#777; font-size:13px;  }
.site a:hover{color:#fbaa35}

/*==面包屑-1==*/
.siteAx{float:left;width:100%; border-bottom:solid 1px #ddd;padding:15px 0 15px 0; font-size:13px;color:#666;margin:0px 0 15px 0;background: #eee;}
.siteAx a{ color:#666; font-size:13px;margin:0 3px; }
.siteAx a:hover{color:#fbaa35}
.siteAx .icon-home{ background: url(../images/home_ico.png) no-repeat left;padding-left:21px;}
.siteAx .back{float: right;height: 20px;background: #666;color: #fff !important;width: 47px;text-align: center;border-radius: 3px;line-height: 20px;}
.siteAx .back:hover{ background: #fbaa35;}


/*==面包屑-2==*/
.siteBx{ float:left;width:100%;padding:10px 0 10px 0; margin:0 0 20px 0; border-bottom: 1px #ddd solid;  }
.siteBx h3{float:left;color:#fbaa35;font-size: 17px;font-weight:bold;padding-left: 15px;border-left: 4px #fbaa35 solid;line-height: 18px;margin: 12px 0 0 0;}
.siteBx .frame{color:#777;font-size:13px; line-height:35px;padding-left:20px;background:url(../images/ico01.png) no-repeat left;}
.siteBx a{ display:inline-block;color:#777; font-size:13px;  }
.siteBx a:hover{color:#fbaa35}

/*==面包屑-3==*/
.siteCx{ float:left;width:100%;padding:10px 0 10px 0; margin:0 0 10px 0; border-bottom:1px #ddd solid;background: #efefef; }
.siteCx h3{ float:left;color:#333;font-size:20px; font-weight:bold;}
.siteCx .frame{color:#777;font-size:13px; line-height:35px;padding-left:20px;background:url(../images/ico01.png) no-repeat left;}
.siteCx .frame a{ display:inline-block;color:#777; font-size:13px;  }
.siteCx .frame a:hover{color:#fbaa35}
.siteCx .subMenu{}
.siteCx .subMenu a{ position: relative;display: inline-block;color:#666;font-size: 15px;margin: 0 0px 0 30px;line-height: 35px;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;} 
.siteCx .subMenu a:before {content: "";display: block;position: absolute;bottom: -10px;left:0;width: 0;height:3px;background:#fbaa35;-webkit-transition: width .2s ease-in-out;transition: width .2s ease-in-out;}
.siteCx .subMenu a:hover:before {width:100%;}
.siteCx .subMenu a.active:before{width:100%;}
.siteCx .subMenu a:hover,.siteCx .subMenu a.active{color:#fbaa35}


/*==广告图==*/
.banner { position: relative; width:100%;height:760px; overflow:hidden; margin:0 auto; margin-top:0px; }
.banner {width:100%; position:relative; margin:0; padding:0; overflow:hidden; }
.banner_ul { width:100%; margin:0; padding:0; }
.banner_ul li{ width:1920px; position: absolute; margin-left:-960px;left:50%;}
.banner_ul img { display:block;height:760px; margin:0 auto; position:relative; max-width:100%; }
.banner_pic { width:100%; list-style:none; padding:0; overflow:hidden; }
.banner .rslides_tabs{position:absolute; bottom:30px; left:0; width:100%; text-align: center;}
.banner .rslides_tabs li{ display:inline-block;margin:0 5px; border:2px #fff solid;border-radius:20px;}
.banner .rslides_tabs a{float:left; display:block;margin:2px;width:7px; height:7px;border-radius:20px;background: none; font-size:0;}
.banner .rslides_tabs .rslides_here a{ background:#fff}
.banner .prev,.banner .next{position:absolute;top:330px;width:45px; height:85px;font-size: 0px; }
.banner .prev{ left:50px; background: url(../images/prevC_ico.png) no-repeat;}
.banner .next{right:50px;background: url(../images/nextC_ico.png) no-repeat}


/*==视频详情==*/
.video-show{}
.video-show embed{float:left;margin:20px 0;width:100%; height:500px; }


/*==联系我们==*/
.contact{}
.contact h2{ color:#1a1a1a; font-size:25px;margin:0px 0 50px 0; }
.contact .long{ float:left;width:100%}
.contact .long b{ float: left; width:20%; /*border-right: solid 1px #ddd ;*/ text-align: center;}
.contact .long b h4{ color:#999; font-size:14px; font-weight:400}
.contact .long b h4 span{margin:5px 0; display: block;; color:#666; font-size:13px;}
.contact .box{ margin:10px 0 20px 0;font-size:14px;color:#666; line-height:25px;}
.contact #dituContent{ float:left;width:100%;height:450px; margin:0px 0 0 0;}


/*left_contact*/
.left_contact{margin:30px 0 0 0;padding:18px;color:#555; font-size:13px; line-height:23px;border: 1px #ddd solid;}
.left_contact img{ margin:0 0 5px 0}
.left_contact .box{}


/*==留言==*/
.comments{ float:left; width:100%;  margin:0 0 20px 0}
.comments form{ width:100%; margin:auto;padding:0px 0 50px 0;}
.comments form .one{ float:left; width:48%; margin-right:3%}
.comments form .two{ float:right; width:48%;}
.comments form .three{ float:left; width:100%;}
.comments input{outline: none; border-bottom:1px solid #999;background:none; margin:20px 0 0 0; color:#777;  height:45px; line-height:45px; font-size:15px;border-left:none; border-right:none; border-top:none;}
.comments form textarea{ outline: none;float:left; margin:20px 0 0 0; background:none;height:110px;width:100%;border-bottom:1px solid #999; color:#777;font-size:15px;border-left:none; border-right:none; border-top:none; }
.comments form *::-moz-placeholder{color:#000}
.comments form button{ float:left;display:block;cursor: pointer;  background:#666; font-size:17px; border:none; margin:20px auto; color:#fff; padding:10px 50px;}
.comments form button:hover{ background:#00529c}
.comments .title{ float:left; width:100%;text-align:left; margin:50px 0 35px; color:#666; font-size:30px;   /* font-family: 'Gabriela', serif;*/}
.comments .title {}
.comments .title b{  margin:10px 0 0 0; font-size:12px; color:#777; font-weight:400; }
.comments .title span{  display: block; border: 2px solid #ccc; width: 14px;height: 14px;border-radius: 100%; margin: .4em auto 0em; position: relative;}


/*==列表ONE==*/



/*==产品列表==*/
.list-product{}
.list-product li{ float:left; width:290px; margin:0 10px 10px 10px}
.list-product img{}
.list-product li h4{ color:#666; font-size:15px;font-weight:bold; line-height:35px; text-align: center;}
.list-product li .effect-one{ border: 3px #ddd solid;}
.list-product li a:hover h4{ color:#fbaa35}
.list-product li a:hover .effect-one{ border:3px #fbaa35 solid}



/*==新闻列表==*/
.news-list{}
.news-list li{ float:left;width:100%;padding:0 0 20px 0;margin:20px 0 20px 0; border-bottom: 2px #ddd solid;}
.news-list li .left{width: 870px;}
.news-list li .left h4{color:#555;font-size: 16px;font-weight:bold;}
.news-list li .left span{ display:block;margin:10px 0 20px 0;color:#a4a4a4;padding-left:15px ; font-size:12px; background: url(../images/ico10.png) no-repeat left;}
.news-list li .left p{color:#a4a4a4;font-size:12px;line-height: 23px;}
.news-list li .left b{display:inline-block;margin:20px 0 0 0;padding: 7px 25px;border:1px #383838 solid;color:#383838;font-size:14px;}
.news-list li a:hover h4{ color:#fbaa35}
.news-list li a:hover b{border:1px #fbaa35 solid;color:#fbaa35;}
.news-list li .img{width: 300px;}


/*==下载列表==*/
.download-list{float:left; width:100%; margin:20px 0 50px 0;}
.download-list a{ float:left;width:545px;margin:0px 10px 20px 10px; border-radius: 10px;padding:20px 15px;border: 2px #ddd solid;}
.download-list a h4{color:#333;font-size:16px;}
.download-list a p{color:#999; font-size:13px;margin:10px 0 5px 0}
.download-list a span{ display: block;margin:10px 0 0 0;font-size:12px;color:#999}
.download-list a span em{float:right; background:#ccc;border-radius: 20px;padding:2px 10px; color:#fff; font-size:x-small;}
.download-list a:hover{ border: 2px #00529c solid;}
.download-list a:hover h4{ color:#00529c}
.download-list a:hover span em{background:#00529c}


/*==荣誉==*/
.list-honor{float:left;width:100%;margin-top:20px;}
.list-honor a{ display: inline-block;width:280px;margin:0 10px 20px 10px }
.list-honor img{max-width:100%; height:387px;}

/*==图片当页展示--放大--==*/
.list-pic{float:left;width:100%;margin-top:20px;}
.list-pic .effect-one .effect-one-img{ width: auto; margin:auto}
.list-pic li{ position: relative; display: inline-block;width:274px; border:1px #ddd solid;margin:0 10px 20px 10px }
.list-pic img{max-width:100%; height:200px;}
.list-pic h4{position: absolute; left:0;bottom:0;width:100%; text-align:center;color:#fff; font-size:14px;padding:10px 0; background: rgba(0,0,0,0.5); }

/*===图片当页展示--当前展示--==*/
.list-cooperation{float:left;width:100%;margin-top:20px;}
.list-cooperation .effect-one .effect-one-img{ width: auto; margin:auto}
.list-cooperation a{ position: relative; display: inline-block;width:274px; border:1px #ddd solid;margin:0 10px 20px 10px }
.list-cooperation img{max-width:100%; height:100px;}
.list-cooperation h4{width:100%; text-align:center;color:#fff; font-size:14px;padding:10px 0; background: rgba(0,0,0,0.5); }



/*==招聘==*/
.join_box{ float:left; width:100%; margin:30px 0 0 0; }
.join_box ul{padding:0px}
.join_box ul li{ float:left; background:#eee;padding:20px 20px 50px 20px; margin:0 0 50px 0}
.join_box h3{ float:left; padding:10px; font-size:20px; font-weight:400; color:#555;width:1145px}
.join_box h3 em{ margin-right:5px; font-size:40px; color:#666}
.join_box h3 span{ float:right; font-size:14px; margin-top:-20px;}
.join_box h3 font{ font-size:12px;}
.join_box li a{ display:block; height:42px; margin:0 0 0 20px; width:150px; text-align:center; border:solid 1px #666; font-size:20px; color:#666;
border-radius: 8px;}
.join_box li a span{ float:left;  padding:7px 15px;}/**/
.join_box li a b{ float: right; background:#666; line-height:35px;height:100%; color:#fff; padding:0px 10px;border-radius: 0px 8px 8px 0;}
.join_box .box{ float:left; width:100%; border-top:1px #ddd solid;margin:20px 0 20px 0; padding:50px 0 20px 0;}
.join_box li a:hover{ border: solid 1px #1187cd}
.join_box li a:hover b{ background:#1187cd}
.join_box li a:hover span{ color:#1187cd}
.join_box .box b{ float:left; width:100%;margin:0 0 10px 0; }
.join_box .box p{float:left; width100%;color:#777; font-size:14px; line-height:25px;}
.join_box .sbox{ float:left;width:50%;padding:10px 20px 10px 20px}


/*==左侧导航==*/
.leftNav{ width:240px; background: #fff;padding-bottom:55px;}
.leftNav h2{width:100%;padding:20px 0 20px 50px; font-size:26px;color:#Fff; background: url(../images/title_01.png) no-repeat left;}
.leftNav h2 span{ display: block; font-size:14px; color:#fff}
.leftNav ul{margin:0px; padding:0px 0 20px 0; border:1px #ddd solid }
.leftNav ul li{}
.leftNav ul li h3{line-height:60px; background: url(../images/line_01.png) no-repeat bottom center;}
.leftNav ul li h3 a{margin-left: 30px;font-size: 16px;color:#00529c;padding-left:20px;font-weight:bold;background: url(../images/arrow_01.jpg) no-repeat left; }
.leftNav ul li .sonNavContent{display:none;padding:10px 0 0 0}
.leftNav ul li .sonNavContent a{ display: block; margin-left:70px; line-height:35px;color:#333;padding-left:10px; font-size:15px; background: url(../images/arrow_02.png) no-repeat left;}
.leftNav ul li .sonNavContent a:hover{ color:#00529c}
.leftNav ul li h3.active a{color:#fbaa35}
.leftNav ul li h3 a:hover{color:#fbaa35}
.leftNav ul li .sonNavContent a.active{color:#fbaa35}


/*==内页大框==*/
.rack{float:left;width:100%;  padding:30px 0 30px 0}
.rack .lefter{ width:240px;}
.rack .righter{ width:930px;}

/*==次级菜单==*/
.menu{ float:left;margin:20px 0;width:100%; text-align: center; }
.menu a{ display: inline-block; color:#000;font-size:16px; padding:0 30px; line-height:20px;border-right:1px #aaa dashed ;}
.menu a:last-child{ border:none;}
.menu a:hover,.menu a.active{color:#fbaa35}


/*==地图==*/
#dituContent{margin:0px 0 0 0;width:100%; height:500px;}


/*==分页==*/
#pages{float:left;width:100%; margin:20px 0 50px 0; text-align:center;}
#pages span{ border:0px #ddd solid;padding:5px 10px;margin:0 5px; background:#ddd; color:#999}
#pages a{ border:1px #bbb solid;padding:5px 10px;color:#666; margin:0 5px;}
#pages a:hover{ color:#fff; background:#f60}

/*==在线客服==*/
.kefuBox{position:fixed;z-index:1000;top:180px;right:0;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);}
.kefuBox .kefuLeft{float:left;overflow:hidden;width:30px;height: 157px;cursor:pointer;background:url(../images/qq/kefu_l.png) no-repeat}
.kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:0;}
.kefuBox .kefuTop{width:154px;height:46px;background:url(../images/qq/kefu_top.png) no-repeat;}
.kefuBox .kefuClose{float:right;overflow:hidden;width:154px; height:46px;display:block;cursor:pointer;}
.kefuBox .kefuBottom{width:154px;height:12px;background:url(../images/qq/kefu_bottom.png) no-repeat;}
.kefuBox .kefuCont{width:154px;padding:0 12px;background:url(../images/qq/kefu_line.png) repeat-y;overflow:hidden;}
.kefuBox .kefuCont ul{margin:0;padding:0;}
.kefuBox .kefuCont ul li{width:130px;line-height:28px;overflow:hidden;height:28px;padding-left:40px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.kefuBox .kefuCont ul li a{color:#333;}
.kefuBox .kefuCont ul li.pic{width:130px;height:89px;margin-bottom:10px;padding:0;}
.kefuBox .kefuCont ul li.qq{background:url(../images/qq/qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(../images/qq/wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(../images/qq/skype.png) no-repeat}
.kefuBox .kefuCont ul li.codeer{display:block;width:130px;height: 165px;text-align:center;color:#fff;padding:10px 0 0;font-family:"微软雅黑";font-size:14px;margin-bottom:0;}
.kefuBox .kefuCont ul li.codeer p{display:block;height:35px;line-height:35px;}
.kefuBox .kefuCont ul li.codeer span{display:block;width:115px;height:130px;margin:auto;padding:0px;background:url(../images/qq/cobj.png) no-repeat;}
.kefuBox .kefuCont ul li.codeer span img{width:116px;height:116px;}


/* 内页留言样式 */
.yzh-table-feedback tr { height: 40px; }
.yzh-table-feedback .input-label { font-size: 14px; line-height: 20px; width: 80px; height: 20px; padding: 5px; vertical-align: top; }
.yzh-table-feedback .input-text { line-height: 28px; width: 400px; height: 28px; margin-bottom: 15px; font-size: 14px; border: 1px solid #ccc; background: #fff; padding:0 5px;}
.yzh-table-feedback .input-textarea { width: 470px; height: 210px; margin-bottom: 10px; padding: 5px; border: 1px solid #ccc; background: #fff; padding-left:5px;}
.yzh-table-feedback .input-verifycode { line-height: 28px; width: 100px; height:28px; margin-bottom: 15px; padding: 0 5px; border: 1px solid #ccc; background: #fff;float:left;}
.yzh-table-feedback .input-text:focus, .input-textarea:focus { border-color: #666; outline: 0; }
.yzh-table-feedback .yzh-btn { font-size: 18px; line-height: 35px; display: block; float: left; width: 110px; height: 35px; margin-right: 15px; cursor: pointer; text-align: center; color: #fff; border: 0; background:#eb3c00; }
.yzh-table-feedback .yzh-btn:hover { background: #333; }

/*---网站地图---*/
.yzh-map-main { overflow: hidden; margin: 10px 0; padding-bottom:35px; background: #fff; }
.yzh-map-main .sitemap_con { width:1200px; margin: 0 auto; color:#666; }
.yzh-map-main .sitemap_con .map_top { border-bottom: 2px solid #555; margin-bottom:35px;}
.yzh-map-main .sitemap_con .map_top img { float: left; }
.yzh-map-main .site_r_link { width: 150px;margin-top:35px;/*上边界根据需要进行调整*/ padding: 5px 10px; background: #f8f8f8;text-align:center;background:#555;color:#fff;}
.yzh-map-main .site_r_link a{color:#fff;}
.yzh-map-main .site_r_link a:hover{text-decoration:underline;}


/*站点地图，显示方式样式，上边界根据需要进行调整*/
.yzh-map-main .site_plc { padding: 5px 0; text-indent: 10px; background: url(../images/ico-plus.gif) no-repeat 0 8px; }
.yzh-map-main .sitemap_con h4 { line-height:35px;border-bottom:1px dotted #ccc;font-size:15px;margin-bottom:5px;font-family:"微软雅黑";}
.yzh-map-main .b4 {margin-bottom:20px;}
.yzh-map-main .b4 ul {}
.yzh-map-main .b4 li {line-height:30px; width:155px;float:left;background:url(../images/icona.jpg) no-repeat left center;padding-left:14px;}



.peCont{float:right;width:100%;font-size:14px;overflow:hidden;}
.peCont .curt{height:45px;line-height:35px;background:url(../images/conti.png) no-repeat left bottom;font-size:12px;margin-bottom:20px;}
.peCont .curt h2{display:block;float:left;text-align:left;font-size:18px;overflow:hidden;font-weight:normal;}
.peCont .curt span{float:right;background:url(../images/cur.png) no-repeat left center;padding-left:15px;font-size:12px;}


/** product show **/
.prodPic{width: 525px;}
.prodPic .big{width: 405px;height: 405px;position:relative;z-index:1;float:right;border:1px solid #e3e3e3;}
.prodPic .big a{/* width:500px; *//* height: 500px; */background:#fff;display:table-cell;text-align:center;vertical-align:middle;}
.prodPic .big a img{vertical-align:middle;max-width: 500px;max-height: 500px;width: 100%;}
.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}
.prodPic .list{width:112px;height: 410px;overflow:hidden;position:relative;float:left;}
.prodPic .list a.prev,.prodPic .list a.next{display:block;width:107px;height:25px;position:absolute;top:0;left:0;background:url(../images/anu.jpg) no-repeat;overflow:hidden;cursor:pointer;}
.prodPic .list a.next{top:auto;bottom:0;background-position:0 -50px;}
.prodPic .list a.prev:hover{background-position:0 -25px;}
.prodPic .list a.next:hover{background-position:0 -75px;}

.prodPic .list .thumb{position:relative;width:112px;height: 500px;overflow:hidden;top:33px;}
.prodPic .list .thumb ul{position:absolute;height:99999px;}
.prodPic .list .thumb ul li{background:none;float:left;width:107px;height:85px;margin-bottom: 20px;position:relative;}
.prodPic .list .thumb ul li a{display:block;width:103px;height: 85px;border:2px solid #e3e3e3;text-align:center;background:#fff;}
.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;/* height: 100%; *//* margin-bottom: 20px; */}
.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}
.prodPic .list .thumb ul li a.selected{border-color:#0c4a9c;}
.prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat;}

.prodTitle{width: 375px;overflow:hidden;}
.prodTitle h2{font-size:20px;padding:10px 0;border-bottom:1px dotted #e3e3e3;font-weight:bold;margin-bottom:15px;}
.prodTitle .txt{line-height:25px;color:#666;overflow:hidden;}
.prodTitle .txt span{color:#333; font-size:18px;}
.prodTitle .fenx{padding-top:15px;margin-top:15px;border-top:1px dotted #e3e3e3;overflow:hidden;}
.prodTitle .fenx .jiathis_style .jiathis_counter.jiathis_bubble_style{width:36px !important;}
.prodTitle .tel{float:left;background:url(../images/tel-ico01.jpg) no-repeat left center;padding-left:50px;margin-top:15px;color:#0c4a9c; background-size:45px ;}
.prodTitle .tel span{display:block;font-size:24px;font-family:arial;}

.prodTitle .down{ margin:10px 0 0 0}
.prodTitle .down b{ float:left; background: url(../images/pIcon2.jpg) no-repeat left; font-size:18px;margin:0 0px 10px 0; padding-left:30px; color:#f60}
.prodTitle .down a{ float:left; padding:10px 35px; display: block; margin:0 20px 0 0; color:#fff;border-radius:4px}
.prodTitle .down a.one{ background: #fbaa35;}
.prodTitle .down a.two{ background:#fbaa35;}
.prodTitle .down a:hover{ background:#f60}

.prodTitle .wox{ margin:10px 0;}

.prodTitle a.lx{float:left; display:block;font-size:14px;padding:5px 10px; margin:30px 0 0 30px; background:#f60;color:#fff;}
.prodTitle a.lx:hover{ background:#666}

.prodTab{overflow:hidden;margin-top:40px;}
.prodTab .list{height:40px;border-bottom:2px solid #e3e3e3;margin-bottom:20px;}
.prodTab .list li{display:block;width:130px;height:40px;line-height:40px;float:left;text-align:center;font-size:16px;background:#e3e3e3;color:#333;border-radius:3px 3px 0 0;margin-right:2px;}
.prodTab .list li.on{color:#fff;background: #fbaa35;}
.prodTab .listA table{width:100%;border-color:#dadada;}
.prodTab .listA table td{line-height:35px;border-color:#dadada;}
.prodTab .listA table tr:hover{background:#eaeaea;}

.prodOrder{padding:25px;background:#f4f4f4;overflow:hidden;margin-top:20px;}
.prodOrder h3{font-size:15px;line-height:18px;font-weight:normal;}
.prodOrder .table{padding-top:20px;overflow:hidden;}
.prodOrder .table li{width:395px;height:215px;float:left;height:35px;margin-bottom:10px;}
.prodOrder .table li span{float:left;border:1px solid #e3e3e3;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;}
.prodOrder .table li .iptTxt{float:right;width:304px;border:1px solid #e3e3e3;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#999;padding-left:10px;}
.prodOrder .table li .iptCode{float:left;width:185px;border:1px solid #e3e3e3;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#999;padding-left:10px;}
.prodOrder .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:0 9px;}
.prodOrder .table li .btn{width:395px;height:35px;line-height:35px;background: #fbaa35;cursor:pointer;color:#fff;text-align:center;border:none;}
.prodOrder .table li .btn:hover{background: #fbaa35;color:#fff;}
.prodOrder .table li.areLi{width:450px;float:right;height:215px;overflow:hidden;}
.prodOrder .table li.areLi .txtContent{width:430px;height:215px;border:1px solid #e3e3e3;outline:none;resize:none;padding:15px;color:#999;line-height:18px;background:#fff;}


/** picture list **/
.uLt{width:100%;}
.lt{width:298px;padding:9px 9px 0;background:#f5f5f5;float:left;margin-right:12px;position:relative;margin-bottom:20px;border-bottom:2px solid #e8e8e8;}
.lt a{width:100%;display:block;overflow:hidden;}
.lt h3{font-size:15px;line-height:40px;text-align:center;}
.lt img{ width:100%;}
.lt:after,.lt:before,.soulList li:before,.soulList li:after{content:'';position:absolute;bottom:-2px; width:0;height:2px;background:#fbaa35;-webkit-transition:0.4s;transition:0.4s;}
.lt:before,.soulList li:before{left:0;}
.lt:after,.soulList li:after{right:0;}
.lt:hover:after,.lt:hover:before,.soulList li:hover::before,.soulList li:hover::after{width:50%;}
.lt:hover h3{color:#fbaa35;}

.parList li{width:175px;margin-right:23px;}
.soulList{width:990px;}
.soulList li{width:265px;float:left;margin-right:22px;margin-bottom:30px;position:relative;background:#f4f4f4;border-bottom:2px solid #dadada;}
.soulList li .pic{display:block;width:265px;height:194px;overflow:hidden;}
.soulList li .pic img{width:100%;height:100%;}
.soulList li .txt{padding:15px;height:130px;}
.soulList li .txt h3{line-height:18px;font-size:14px;}
.soulList li .txt h3 a{color:#333;}
.soulList li .txt h4{font-family:arial;color:#999;font-weight:normal;}
.soulList li .txt p{line-height:22px;color:#777;}
.soul li .pic{width:290px;height:202px;}




.tr,.enl img{
-webkit-transition:all .4s ease-in-out;
   -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
     -o-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
}
.enl:hover img{
-webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
        transform:scale(1.1);
}
.gray img{
-webkit-transition:all .4s ease-in-out;
   -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
     -o-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
-webkit-filter:grayscale(100%);
   -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
     -o-filter:grayscale(100%);
        filter:grayscale(100%);
        filter:gray;
        filter:url(gray.svg#grayscale);
}
.gray a:hover img{
-webkit-filter:grayscale(0%);
   -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
     -o-filter:grayscale(0%);
        filter:grayscale(0%);
        filter:none;
}

.newsDetail{ float:left;width:100%;}
.newsDetail h2{margin:20px 0 0 0;font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#fbaa35;}
.newsDetail .detailCont{padding:20px 0;line-height:26px;overflow:hidden;}
.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}
.pagIng{border:1px solid #dadada;padding:8px 15px;overflow:hidden;}
.pagIng .fl{width:665px;height:60px;padding-right:30px;border-right:1px solid #dadada;}
.pagIng .fl a{display:block;height:30px;line-height:30px;}
.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#fbaa35;}
.pagIng .fr:hover{background:#fbaa35;color:#fff;}
.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}
.relNews{overflow:hidden;margin-top:15px;}
.relNews ul{width:100%;}
.relNews ul li{float:left;margin-right:40px;width:360px;height:28px;line-height:28px;}
.relNews ul li a{display:block;width:200px;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:12px;}
.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}
.relNews ul li span{float:right;color:#999;}


.faqList{ float:left;width:100%;}
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#0c4a9c;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative;padding:0 60px;background-color:#f5f5f5;line-height:54px;font-size:16px;cursor:pointer;font-weight:normal;background-image:url(../images/faq.png); background-repeat:no-repeat;background-position:20px 0;}
.faqList li div{display:none;padding:25px 60px 0 60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;background:url(../images/faq.png) no-repeat 20px -155px;font-size:14px;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}